<script lang="ts" setup>
import { ref } from 'vue';
import NoticeBar from '@/components/noticeBar/index.vue';

const textArray = ref([
  '国庆节门诊时间调整，请提前预约',
  '本周六开展免费义诊活动',
  '流感高发季，请及时接种疫苗',
  '检验科已搬迁至门诊楼三楼',
  '线上挂号现已支持医保支付'
]);
</script>

<template>
  <view class="notice-bar">
    <NoticeBar direction="vertical" :text="textArray" :delay="3" />
  </view>
</template>

<style lang="scss" scoped>
.notice-bar {
  text-align: center;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);

  --wot-notice-bar-warning-bg: rgba(247, 250, 254, 0.3);
  --wot-notice-bar-warning-color: var(--text-color);
  --wot-notice-bar-fs: 24px;
  --wot-notice-bar-line-height: 86px;

  :deep(.wd-notice-bar) {
    font-weight: 500;
    padding: 0;
  }
}
</style>
